// 颜色方案
$primary-color: #6366f1;
$secondary-color: #f59e0b;
$accent-color: #8b5cf6;
// 背景颜色
$background-light: #fefefe;
$background-dark: #1f2937;
$background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
$bg-primary: #ffffff;
$bg-secondary: #f8f9fa;
// 文字颜色
$text-primary: #374151;
$text-secondary: #6b7280;
$text-light: #f9fafb;
$text-muted: #9ca3af;
// 边框和分割线
$border-color: #e5e7eb;
$border-light: #f3f4f6;
$divider-color: #8b5cf6;
// 阴影
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -1px rgba(0, 0, 0, 0.06);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
0 4px 6px -2px rgba(0, 0, 0, 0.05);
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04);
// 圆角
$radius-sm: 4px;
$radius-md: 8px;
$radius-lg: 12px;
$radius-xl: 16px;
$radius-full: 9999px;
// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-2xl: 48px;
// 字体大小
$text-xs: 0.75rem;
$text-sm: 0.875rem;
$text-base: 1rem;
$text-lg: 1.125rem;
$text-xl: 1.25rem;
$text-2xl: 1.5rem;
$text-3xl: 1.875rem;
$text-4xl: 2.25rem;
$text-5xl: 3rem;
// 字体族配置
$font-family: 'PingFang SC',
'Microsoft YaHei',
'Hiragino Sans GB',
'WenQuanYi Micro Hei',
'Inter',
'Roboto',
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
sans-serif;
// 中文字体族
$font-family-chinese: 'PingFang SC',
'Microsoft YaHei',
'Hiragino Sans GB',
'WenQuanYi Micro Hei',
sans-serif;
// 英文字体族
$font-family-english: 'Inter',
'Roboto',
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
sans-serif;
// 数字字体族
$font-family-number: 'Inter',
'Roboto',
-apple-system,
BlinkMacSystemFont,
sans-serif;
// 字体权重
$font-light: 300;
$font-normal: 400;
$font-medium: 500;
$font-semibold: 600;
$font-bold: 700;
// 断点
$breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px);
// 过渡动画
$transition-fast: 0.15s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;
// Z-index层级
$z-dropdown: 1000;
$z-sticky: 1020;
$z-fixed: 1030;
$z-modal-backdrop: 1040;
$z-modal: 1050;
$z-popover: 1060;
$z-tooltip: 1070;